module.exports = {
    // 反向代理
    devServer: {
      open: true,
      host: 'localhost',
      port: 8099,
      https: false,
      hotOnly: false,
      proxy: {
        // 配置跨域
        '/api': {
          target: 'https://vuets-api.herokuapp.com/api/',
          ws: true,
          changOrigin: true,
          //就是把模式（这里是^/api）匹配到的path重写为对应的路径
          pathRewrite: {
            '^/api': ''
          }
        }
      },
      before: app => {}
    }
  };
  
//   (1)首先，axios去访问/index/phpinfo.php，这是个相对地址，
//      所以真实访问地址其实是localhost:8080/index/phpinfo.php
//   (2)/index/phpinfo.php被我们配置的/index匹配到了 ，所以访问被proxy代理，那转发到哪个路径呢？
//   (3) 在pathRewrite中，我们将模式^/index的路径清除了，
//       所以最终的访问路径是 target+pathRewrite+ 剩余的部分 ， 
//       这样也就是 hhttps://vuets-api.herokuapp.com/api/phpinfo.php